<!DOCTYPE html>
<html>

	<head>
		<title>客户关系管理系统-客户流失分析</title>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

		<link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/bootstrap-theme.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/normalize.min.css" />

		<script src="../../js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>

		<!--[if lte IE 8]>
			<script src="../../js/html5shiv.min.js" type="text/javascript" charset="utf-8"></script>
			<script src="../../js/respond.min.js" type="text/javascript" charset="utf-8"></script>
		<![endif]-->

		<!-- 界面自定义CSS文件 -->
		<link rel="stylesheet" type="text/css" href="../../css/custom/scrollbar-style.min.css" />

		<!--界面自定义JS文件-->

	</head>

	<body>
		<div class="container-fluid">

			<!--TODO 当前页面地理位置 (面包屑导航)-->
			<ul class="breadcrumb">
				<li>统计分析</li>
				<li>客户流失分析</li>
			</ul>

			<!--TODO 搜索表单及工具按钮-->
			<form id="form-search" class="form-inline">

				<div class="form-group">
					<label class="control-label">客户名称：</label>
					<input class="form-control" />

					<label class="control-label">客户经理：</label>
					<input class="form-control" />
				</div>

				<div class="form-group btn-group">
					<button class="btn btn-default">
						<span class="glyphicon glyphicon-search"></span>
						查询
					</button>
				</div>

			</form>

			<hr />

			<!--TODO 数据列表-->
			<table class="table table-hover">
				<thead>
					<tr>
						<th class="hidden-xs">#</th>
						<th>流失日期</th>
						<th>最后订单</th>
						<th>客户</th>
						<th class="hidden-xs">客户经理</th>
						<th>原因</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td class="hidden-xs">1</td>
						<td>2006/12/31</td>
						<td>
							2006/12/31
							<div class="visible-xs"></div>
							12:36:58
						</td>
						<td>大空纶纺</td>
						<td class="hidden-xs">空空</td>
						<td>客户厂址迁移</td>
					</tr>
					<tr>
						<td class="hidden-xs">2</td>
						<td>2006/12/31</td>
						<td>
							2006/12/31
							<div class="visible-xs"></div>
							12:36:58
						</td>
						<td>星星广告</td>
						<td class="hidden-xs">周星星</td>
						<td>客户公司被收购</td>
					</tr>
					<tr>
						<td class="hidden-xs">3</td>
						<td>2006/12/31</td>
						<td>
							2006/12/31
							<div class="visible-xs"></div>
							12:36:58
						</td>
						<td>和满记餐饮</td>
						<td class="hidden-xs">小满</td>
						<td>没有采购需求</td>
					</tr>
				</tbody>
			</table>

			<!--TODO 数据分页部分-->
			<div class="text-center">
				<ul class="pagination">
					<li class="disabled">
						<a>&lt;</a>
					</li>
					<li class="active">
						<a href="">1</a>
					</li>
					<li>
						<a href="">2</a>
					</li>
					<li>
						<a href="">3</a>
					</li>
					<li>
						<a href="">4</a>
					</li>
					<li>
						<a href="">5</a>
					</li>
					<li>
						<a href="">&gt;</a>
					</li>
				</ul>
			</div>

		</div>

	</body>

</html>